<template>
  <div class="span4">
    <a href="https://www.mi.com/mixfold">
      <img src="http://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c583f2edc613f1be20fa415910b13ce3.jpg" alt="">
    </a>
  </div>
</template>

<script>
export default {
  components:{
  
  },
  name:"",
  data() {
    return {
    
    }
  },
}
</script>

<style scoped>
.span4{
  width: 234px;
  height: 614px;
  transition: all 0.3s;
}
.span4:hover{
  transform: translateY(-1px);
  box-shadow: 5px 5px 20px #ccc;
}
.span4 img{
    width: 234px;
  height: 614px;
}
</style>